<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2020/8/18
  Time: 13:59
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page isELIgnored="false" %>
<html>
<head>
    <title>信息完善</title>
    <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
    <style>
        #bt{
            height: 50px;
            width:100px ;
            background-color: cornflowerblue;
        }
        #dv{
            position:absolute;
            top:50%;
            left:50%;
            transform: translate(-50%,-50%);/*通过变形来搞定*/
        }
    </style>
</head>
<body>
<div id="dv">
    <form  id="order" action="InforPerfectServlet?method=InfoAdd" mothod="post">
        员工编号:&nbsp;&nbsp;<input type="text" name="uinfoid" value="${uid}"><br />
        名&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;字:&nbsp;&nbsp;<input type="text" name="rname" ><br />
        性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别:&nbsp;&nbsp;
        <input type="radio" value="男" name="gender"/>男&nbsp;
        <input type="radio" value="女" name="gender"/>女&nbsp;<br />
        联系方式:&nbsp;&nbsp;<input type="text" id="inp"  name="phoneNumber"><br />
        入职时间:&nbsp;&nbsp;<input id="inductionTime" type="date" name="inductionTime" /><br />
        居住地址:&nbsp;&nbsp;<input type="text" name="address"><br />
        <br /><br /><br /><br />
        <button id="bt" type="submit">提交</button>
    </form>
</div>
</body>
<script>

    window.onload = function(){
        var inpEle = document.getElementById('inp');
        var myreg = /^1[3458]\d{9}$/;
        inpEle.onblur = function(){
            var inpVal = this.value;
            if (!myreg.exec(inpVal)){
                alert('请输入正确的手机号')
            }else{

            }
        }
    }
</script>
</html>
